// @import '../../wxcomponents/dist/common/index.wxss';
// @import 'uview-ui/theme.scss';
$bg-color: var(--bg-color, #43afa0);  // dodgerblue
$tip-bg-color: #fffbe8;
$bg-default-color: #ffffff;
$tip-color: #ed6a0c;
$is-required: #dd524d;
$disabled-color: #c8c9cc;
$title-color: #323233;
$super-large-size: 20px;
$title-size: 18px;
$small-title-size: 16px;
$text-size: 14px;
$default--size: 12px;
$bom-nav-color: #D1AA73;

.page {
  position: relative;
  padding-top: 0 !important;
}

header {
  display: none !important;
}
.content {
  height: 100vh;
  display: flex;
  flex-direction: column;
  position: relative;
  .account-div {
    position: absolute;
    right: 56rpx;
    bottom: 140rpx;
    color: $bg-color;
    .position-span {
      margin-left: 40rpx;
    }
  }
}
page {
  padding: 0 !important;
  font-size: 30rpx;
}
.page-content {
  height: 100vh;
  display: flex;
  flex-direction: column;
}

// 首页
.home-bg {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -10;
}
.bottom-navigation {
  position: fixed;
  left: 0;
  bottom: 56rpx;
  width: 100%;
  // display: flex;
  // flex-direction: row;
  display: grid;
  grid-template-columns: repeat(3, 33.33%);
  justify-items: center;
  .nav-item {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background-color: #ffffff;
    width: 140rpx;
    height: 140rpx;
    .nav-item-title {
      color: $bom-nav-color;
      font-size: 30rpx;
    }
    img {
      width: 80rpx;
      height: 80rpx;
    }
  }
}
.fish {
  position: fixed;
  right: 40rpx;
  bottom: 240rpx;
  // width: 80rpx;
  // height: 80rpx;
  img {
    width: 140rpx;
    height: 140rpx;
  }
  .fish-title {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    span {
      margin-left: 6rpx;
      color: #ffffff;
    }
  }
}
//  写信
.bom-div {
  display: flex;
  justify-content: center;
  align-items: center;
}

.user-info-box {
  border-top: 1rpx solid $uni-text-color-gray;
  border-bottom: 1rpx solid $uni-text-color-gray;
  margin: 26rpx 0 60rpx 0;
  padding: 26rpx 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  .user-info-left {
    display: flex;
    justify-content: row;
    img {
      width: 80rpx;
      height: 80rpx;
      border-radius: $uni-border-radius-circle;
      margin-right: 10rpx;
    }
    .head-picture {
      width: 80rpx;
      height: 80rpx;
      border-radius: $uni-border-radius-circle;
      margin-right: 10rpx;
      border: 1px solid #eee;
      text-align: center;
      line-height: 80rpx;
    }
    .left-tip {
      display: flex;
      flex-direction: column;
      justify-content: center;
      &-bottom {
        color: $uni-text-color-ddd;
      }
    }
  }
  .user-info-right {
    color: $uni-color-success;
  }
}
.addMore {
  color: rgba(33,150,243,1);
}
.standard-list {
  border-top: 1px solid $uni-text-color-ddd;
  border-bottom: 1px solid $uni-text-color-ddd;
  padding: 30rpx 30rpx;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.no-boundary {
  border: none;
  margin: 0;
  padding: 0;
}
.list-item {
  padding: 30rpx;
  border-top: 1px solid $uni-text-color-ddd;
  border-bottom: 1px solid $uni-text-color-ddd;
  .user-info-right {
    color: inherit;
  }
  .item-content {
    padding-bottom: 10rpx;
    display: flex;
    justify-content: space-between;
    .item-left {

    }
    .item-right {

    }
  }
  .item-show-bottm {
    display: flex;
    justify-content: flex-end;
    .item-show-bottm-right {
      display: flex;
      justify-content: end;
      
      .show-time {

      }
    }
    .show-ready {
      color: $uni-color-primary;
    }
  }
}
.pages-content {
  flex: 1;
  overflow: auto;
  padding-bottom: 10rpx;
  .user-info-box {
    border-top: none;
  }
}
// 弹框
.uni-popup {
  .vue-ref {
    padding-bottom: 0 !important;
  }
}

// 收信
.email-list-item {
  display: flex;
  flex-direction: column;
  padding-bottom: 20rpx;
  margin-bottom: 20rpx;
  border-bottom: 2px solid #f7f7f7;
  .name {
    font-size: 20px;
    color: red;
  }
  .email-content {
    padding: 10rpx 20rpx;
    background-color: #f7f7f7;
  }
  .annex {
    padding: 10rpx 20rpx;
    background-color: #f7f7f7;
    img {
      width: 80rpx;
      height: 80rpx;
    }
  }
}
.to-right {
  .name {
    text-align: right;
  }
  .title {
    text-align: right;
  }
}
.bom-btn {
  display: flex;
  flex-direction: row;
  .bom-btn-item {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 40rpx;
  }
  .sure {
    color: red;
  }
}

// 个人中心
.zy-item {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  &-left {
    display: flex;
    flex-direction: row;
  }
}